/* Write your styles */
ul,ol {list-style:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

.am-header-default,
.fix-header{
    z-index:99;
    width:100%;
}
.am-slides-title{
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height:1.5;
}
.am-navbar-default .am-icon{
    width: 24px;
    height: 24px;
    margin: 4px auto 0;
    display: block;
    line-height: 24px;
    background-size:100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.am-navbar-default .am-icon.home{
    background-image: url('../i/home.png');
}
.am-navbar-default .am-icon.column{
    background-image: url('../i/column.png');
}
.am-navbar-default .am-icon.action{
    background-image: url('../i/action.png');
}
.am-navbar-default .am-icon.user{
    background-image: url('../i/user.png');
}
.am-navbar-default .cur .am-icon.home{
    background-image: url('../i/home-red.png');
}
.am-navbar-default .cur .am-icon.column{
    background-image: url('../i/column-red.png');
}
.am-navbar-default .cur .am-icon.action{
    background-image: url('../i/action-red.png');
}
.am-navbar-default .cur .am-icon.user{
    background-image: url('../i/user-red.png');
}

.wrapper02 {background:#fff; position:relative;height: 5.5vh;width: 100%;overflow: hidden;margin:0 auto;}
.wrapper02 .scroller {position:absolute}
.wrapper02 .scroller ul{padding:0;}
.wrapper02 .scroller li {height: 5vh;color:#333;float: left;line-height: 5vh;font-size: 1.4rem;letter-spacing: 3px; text-align: center;}
.wrapper02 .scroller li a{color:#333;display:block;margin:0 1rem;border-bottom:2px solid #fff;}

.wrapper02 .scroller li.cur a{color:#e7141a;border-color:#e7141a;}

.am-new-full-line{padding:12px 0; background:#fff;}
.am-list-full-news{width:100%;}
.full-news-img,.full-news-img img{width:100%;}
.full-news-title{font-size:100%;margin:1rem 10px .5rem 10px ;}
.full-news-more{padding:0 10px;display:flex;justify-content: space-between;font-size:1.4rem;}
.full-news-more .time{color:#8d8d8c;height:1.4rem;line-height: 1.4rem;}
.full-news-more .btn{background:#3ab2e8;display:inline-block;padding:.2rem 1.2rem;color:#fff;border-radius:2rem;}
.am-list-line{margin:12px 0;}
.full-news-more .time img{width:1.4rem;height:1.4rem;border-radius: 50%;float:left;margin-right:4px;}

.am-header-book{display:flex;justify-content: space-between;background:#fff;align-items: center;}
.am-header-logo{flex:1 1 auto;font-size:1.5rem;color:#5d5e5f;font-weight:normal;}
.am-header-logo img{width:5.5vh;height:5.5vh;border-radius:50%;border:1px solid #dedede;margin-right:6px;}
.am-header-book-btn{font-size:1.5rem;color:#e71f19;border:2px solid #e71f19;display:inline-block;flex:0 0 auto;height:4.4vh;line-height:4vh;padding:0 1.5rem;border-radius:2vh;}

.article-section{padding:10px;background:#fff;margin-top:5px;}
.article-title{font-weight:600;letter-spacing: 2px;}
.article-info{display:flex;justify-content: space-between;align-items: center;color:#b5b8c1; margin-bottom:18px;}
.article-info-user{line-height:2rem;}
.article-info-user .author{font-size:14px;}
.article-info-user .source{font-size:14px;margin-left:1rem;}
.article-info-user img{width:2rem;height:2rem;border-radius:1rem;}
.article-content{color:#3c3b3c;letter-spacing: 2px;}

.article-copyright{padding:10px;background:#fff;}
.coryright-text{color:#b0b0b0;letter-spacing: 2px;font-size:1.5rem;}
.copyright-end{width:100%;display:inline-block;height:2rem;position:relative;color:#b0b0b0;margin-top:20px;}
.copyright-end::before{width:76%;height:1px;display:block;content:' ';background:#bebebe;position:absolute;top:1rem;left:12%;}
.copyright-end::after{content:'END';line-height:2rem;display:block;width:6rem;text-align:center;background:#fff;position:absolute;top:0;left:50%;margin-left:-3rem;}

.article-tags{padding:10px;background:#fff;}
.article-tags .tag{color:#3c3b3c;display:inline-block;padding:0 1rem;line-height:2rem;border:1px solid #000;border-radius:1rem;margin-right:5px;}

.article-book-wap{background:#fff;}
.article-book{width:90%;margin:5vh 5% 0 5%;background:#f3f2f2;border-radius:1rem;display:inline-block;position:relative;text-align:center;padding-bottom:25px;}
.book-logo{width:7vh;height:7vh;border-radius:50%;border:1px solid #b0b0b0;top:-3.5vh;left:50%;margin-left:-3.5vh;position:absolute;}
.article-book h3{margin-top:0;}
.article-book .article-book-btn{display:inline-block;width: 8rem;line-height:2.4rem;background:#252d34;color:#fff;text-align:center;border-radius:3px;font-size:1.4rem;}

.am-list-news.am-list-news-inside{background:#fff;padding:10px;}
.am-list-hd{line-height:2rem;font-size:1.4rem;font-weight:600;margin-top:2rem;border-bottom:1px solid #c9c9c9;}
.am-list-news-default.am-list-news-inside .am-list > li{border-color:#efefef;}
.am-list-news-default.am-list-news-inside .am-list > li:first-child{border:none;}
.am-list-news-inside .am-list .am-list-thumb{margin-left:0;width:32%;}
.am-list-news-inside .am-list .am-list-main{padding-right:0;}
.no-comment-data{text-align:center;color:#b5b8c1;padding:1.4rem;}
.comment-item-hd{display:flex;align-items:center;}
.comment-item-hd .uHead{width:5vh;height:5vh;border-radius:50%;flex:0 0 auto;}
.comment-item-hd .u-info{flex:1 1 auto;}
.comment-item-hd .u-info p{margin:0;padding:0;}
.comment-item-hd .u-info p.name{font-size:1.4rem;line-height:2rem;}
.comment-item-hd .u-info p.time{font-size:1.2rem;line-height:1.2rem;color:#b5b8c1;}
.comment-item-content{font-size:1.4rem;padding:1rem 0;}
.comment-list-item{margin-bottom:1rem;border-bottom:1px dashed #e2e1e0;}
.comment-item-child{margin-top:0.3rem;}
.comment-item-child .reply-child-item{margin-bottom:0.3rem;}
.reply-child-item .reply-title .name{color:#4d8fcc;}
.reply-child-item .reply-title .time{color:#9792a8;}
.reply-child-item .reply-conent{color:#3c3a39;font-size:14px;}
.reply-child-item .reply-conent .tip{color:#9792a8;}
.reply-child-item .reply-conent .name{color:#4d8fcc;}

.detail-footer-bar{
    width:100%;
    display: flex;
    align-items: center;
    height:5.5vh;
    background:#fff;
    border-left:2px solid #868585;
    border-right:2px solid #868585;

}
.footer-bar-icon{
    display: block;
    flex:0 0 auto;
    width:3.5vh;
    height:3.5vh;
    background-size:100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.footer-bar-icon.home{
    background-image: url('../i/-2-4_03-03.png');
    margin-left:1vh;
}
.footer-bar-icon.comment{
    background-image: url('../i/-2-4_03.png');
    margin-left:2vh;
}
.footer-bar-icon.hand{
    margin-left:.5vh;
    background-image: url('../i/-2-4_11.png');
}
.footer-bar-icon.star{
    margin-left:.5vh;
    background-image: url('../i/-2-4_13.png');
}
.footer-bar-icon.book{
    margin-left:.5vh;
    margin-right:1vh;
    background-image: url('../i/-2-4_05.png');
}
.footer-input{
    flex:1 1 auto;
    border:2px solid #7f7e7e;
    border-radius:4px;
    line-height:2rem;
    height:4vh;
    margin-left:1vh;
    font-size:14px;
    text-indent:5px;
}

.column-full-banner{
    width:100%;
    position:relative;
}
.column-full-banner img{
    width:100%;
}
.column-lists{
    margin-top:15px;
    background:#fff;
    text-align: center;
    display:flex;
    flex-direction: column;
    align-items: center;
}

.column-list-item{
    width:94%;
    margin-top:20px;
    border-radius:5px;
    box-shadow: 0 3px 5px 1px rgba(0,0,0,0.08);
    text-align:left;
    display:flex;
    padding:20px 10px;
}
.column-item-img{
    width:6vh;
    flex:0 0 auto;
}
.column-item-img img{
    width:100%;
}
.column-item-body{
    flex:1 1 auto;
    margin-left:15px;
}
.column-body-hd{
    display:flex;
    justify-content: space-between;
}
.hd-title{
    font-weight:600;
    font-size:2rem;
}
.hd-title .v{
    background:#4d8fcc;
    color:#fff;
    font-size:12px;
    width:14px;
    height:14px;
    display:inline-block;
    line-height:14px;
    text-align:center;
    border-radius:7px;
}
.hd-book{
    color:#4d8fcc;
    border:1px solid #4d8fcc;
    border-radius: 5px;
    height:3rem;
    line-height:2.8rem;
    font-size:2rem;
    padding:0 1rem;

}
.column-body-content{
    margin-top:12px;
}
.content-main{
    font-size:1.8rem;
    color:#6f6f6f;
}
.content-sec{
    margin-top:10px;
    font-size:1.4rem;
    color:#979796;
}
.content-sec p{
    margin:0;
}
.no-more-data{
    text-align:center;
    color:#999;
    line-height:4rem;
    background:#e7e9f0;
    margin-top:20px;
    width:100%;
}
.back-btn{
    background-image:url(../i/back.png);
    background-position:center center;
    background-size:100% 100%;
    width:3vh;
    height: 3vh;
    display:block;
    position:absolute;
    top:10px;
    left:10px;
}
.zd-head{
    background:#fff;padding:8px 10px;margin-top:5px;
}
.big-center-head{
    line-height:2em;
    text-align:center;
    padding:0.5em 0;
    background:#fff;
}
.am-list.am-list-b .am-list-item-desced:first-child{
    border:none;
}
.detail-author{
    margin:15px 0 0 0;
    background:#fff;
    text-align: center;
    text-align: center;
    display:flex;
    flex-direction: column;
    align-items: center;
    padding-bottom:20px;
}
.detail-author-content{
    width:94%;
    margin-top:20px;
    border-radius:5px;
    box-shadow: 0 3px 5px 1px rgba(0,0,0,0.08);
    padding:20px 10px;
}
.author-content{
    text-align:left;
    display:flex;
    margin-bottom:20px;
}
.detail-author-img{
    flex:0 0 auto;
    width:24%;
}
.detail-author-img img{
    width:100%;
}
.detail-author-body{
    flex:1 1 auto;
    padding-left:15px;
}
.detail-author-ctrl{
    width:100%;
    display:flex;
    text-align:center;
}
.detail-author-ctrl .ctrl-item{
    flex:1 1 auto;
    width:50%;
}